<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>水平排列的表单</title>
    <link rel="stylesheet" href="../../lib/bootstrap/css/bootstrap.css">
</head>
<body>
<div class="container">
    <h1>水平排列的表单</h1>
    <hr/>
    <form class="form-horizontal">
        <div class="form-group">
            <label class="control-label col-md-4">用户名</label>
            <div class="col-md-8">
                <input class="form-control"/>
            </div>

        </div>

        <div class="form-group">
            <label class="control-label col-md-4">密码</label>
            <div class="col-md-8">
                <input class="form-control"/>

            </div>
        </div>
    </form>


    <form class="form-horizontal">
        <div class="form-group">
            <div class="col-md-4">
                <label class="col-md-4">员工姓名</label>
                <div class="col-md-6">
                    <input class="form-control"/>
                </div>
            </div>
            <div class="col-md-4">
                <label class="col-md-4">员工部门</label>
                <div class="col-md-6">
                    <select class="form-control"></select>
                </div>
            </div>
            <div class="col-md-4">
                <label class="col-md-4">员工职务</label>
                <div class="col-md-6">
                    <select class="form-control"></select>
                </div>
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-4">col-md-4</div>
            <div class="col-md-4">col-md-4</div>
            <div class="col-md-4">
                <div class="col-md-offset-5">
                    <button class="btn btn-primary">搜索</button>

                </div>
            </div>
        </div>

    </form>
</div>

</body>
</html>